@charset "gb2312";
/* CSS Document */
.m-btn{ display:none; width:70px; height:45px; padding-top:25px}
.m-btn span{ width:25px; height:3px; display:block; background:#00923f; margin:0 auto 5px; transition:.3s}
.m-btn.open-menu{ background:#00923f;}
.m-btn.open-menu span{ background:#fff}
.m-btn.open-menu .line1{ transform:rotate(45deg) translateY(5px) translateX(5px); margin:0 auto;}
.m-btn.open-menu .line2{ transform:rotate(135deg) translateY(-3px) translateX(3px);margin:0 auto}
.m-btn.open-menu .line3{ display:none}

.m-menu{ position:fixed; width:100%;top:70px; background:#fff;z-index:99; border-top:1px solid #e8e8e8; display:none}
.m-menu li{ line-height:60px; font-size:16px; border-bottom:1px solid #e8e8e8}
.m-menu li a{ display:block; padding:0 5%}
.m-menu li .menu_a{ position:relative}
.m-menu li .menu_a i{ position:absolute;top:18px;right:5%; width:23px; height:23px; background:url(../images/ico_03.png) no-repeat center; background-size:23px 23px;}
.m-menu li .menu_a.cur{ background:#00923f; color:#fff}
.m-menu li .menu_a.cur i{ background:url(../images/ico_03_h.png) no-repeat; height:2px;top:29px}
.m-menu li .sub{ background:#f5f5f5; line-height:35px; font-size:14px; padding:10px 0 20px; display:none}

.m-ban{ display:none}
.m-ban{ overflow:hidden !important; position:relative; z-index:1; margin-top:70px;}
.m-ban .swiper-slide img{ width:100%; height:auto;display:block;}
.m-ban .swiper-pagination-bullet{ width:12px; height:12px; background:none; opacity:1; border:1px solid #fff; position:relative}
.m-ban .swiper-pagination-bullet-active:before{
	content:"";
	width:8px;
	height:8px;
	position:absolute;
	top:2px;
	left:2px;
	background:#fff;
	border-radius:50%
}
.m-about{display:none;padding:70px 0; position:relative}
.m-about .swiper-container{ padding-bottom:50px}
.m-about .swiper-slide{ width:48%; margin-right:2%; text-align:center}
.m-about .swiper-slide h3{ padding-top:15px}
.m-about .swiper-slide .intro{ line-height:24px; margin-top:10px}
.m-about .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0}
.m-about .swiper-pagination-bullet-active{background:#00923f; }
.m-qlink{ display:none}
@media screen and (max-width:1800px){
	.f_nav{ width:70%}
	.f_contact{ width:29%}
	.news_b ul{ margin-top:50px}
}

@media screen and (max-width:1440px){
	.menu li{ font-size:15px;}
	.Strength01 .wrap{ width:100%}
	.Strength01 li{ font-size:16px}
	.i-pro li .pic{ height:400px}
	.i-pro li .text{ bottom:20%}
	.i-pro li .text h2{ font-size:20px; line-height:50px}
	.i-about-list li{ width:30%}
	.nbanner{ height:375px; width:100%; overflow:hidden}
	.nbanner img{ height:100%; width:auto; position:absolute; left:50%; margin-left:-720px}
	.biaot{ top:30%}
	.prolist1 li .icon img{ max-height:60px}
	.prolist4 li .text{ padding-top:3%}
	.prolist4 li .text .num{ margin-bottom:10px}
	
}
@media screen and (max-width:1200px){
	.biaoyu{ margin-left:20px;padding-left:15px}
	.menu li .menu_a{ padding:0 20px}
	.f_nav li{ width:30%; margin-bottom:30px}
	.f_nav li.last{ text-align:left}
	.main .contact{ padding:60px 0}
	.contact .left{width:100%}
	.contact .right{ width:100%; margin-top:30px}
	.messagelist{ padding:0}
	.prolist1 li{ width:88%; padding:30px 5%; margin-bottom:20px}
	.prolist1 li .intro{ min-height:inherit}
	.prolist3 li{ width:98%; margin-bottom:20px}
	.prolist3 li .pic{ width:40%}
	.prolist3 li .text{ width:52%}
	.prolist4 li{ margin-bottom:20px}
	.prolist4 li .pic{ width:100%}
	.prolist4 li .text{ width:90%; padding:5%}
	.prolist4 li .text .num{ float:left; margin-right:15px}
	.prolist4 li .text p{ margin-bottom:0}
	.prolist5 li{ width:48%; margin-bottom:20px}
	.prolist5 li .text{ min-height:300px}
	.prolist6 ul{ width:100%}
	.prolist6 .pic{ width:100%; text-align:left}
	.prolist7 li{ width:48%; margin-bottom:20px}
	.cdzimg{ float:none}
}
@media screen and (max-width:1024px){
	.m-btn{ display:block}
	.menu{ display:none}
	.search{ display:none}
	.m-ban{ display:block}
	.i-banner{ display:none}
	.m-about{ display:block}
	.i-pro li{ width:100%;}
	.i-pro li .text{left:5%}
	.Strength01 li{ font-size:14px}
	.i-newslist li{ width:50%}
	.i-about{ display:none}
	.biaot h2{ font-size:30px; font-weight:bold}
	.biaot h2 .en{ font-size:20px}
	.biaot h3{ font-size:18px}
	.main .content{ font-size:14px; padding:50px 0}
	.main .content1{ font-size:14px;padding:50px 0}
	.main .content h1{ font-size:25px}
	.main .ntitle{ font-size:25px;}
	.main .tits{ font-size:16px}
	.main .tits .en{ font-size:12px}
	.wrap{ width:90%}
	.reasonlist li{ width:45%}
	.newslist{ padding:0}
	.newslist li .text .tit{ font-size:16px}
	.newslist li .text .intro{ font-size:12px; line-height:22px}
	.solution li{ width:48%; margin-bottom:20px}
	.main .contact{ font-size:14px}
	.contact .company{ font-size:25px}
	.contact .company .en{ font-size:14px}
	.rela_list li .tit{ font-size:16px; padding-bottom:10px}
	.rela_list li .more{ font-size:12px}
	.ledimg,.ledimg02{ float:none; display:block; margin:0 auto}
	.rela_list02 li{width: 48%;}
	.rela_list02 li:nth-child(-n+2){margin-bottom: 2%;}
	.rela_list02 li .tit{font-size: 20px;}
}
@media screen and (max-width:768px){
	.Strength01{ padding:20px 0}
	.Strength01 li{ font-size:12px}
	.Strength01 .box{ padding:0 10px}
	.Strength01 .icon{ display:block; margin:0 auto 3px; transform:scale(0.8)}
	.main .content,.main .content1{padding:40px 0}
	.main .ntitle .line{ margin-top:5px}
	.m-about{ padding:40px 0}
	.title.tit_a h1{ background-size:280px auto}
	.i-news{ padding:40px 0}
	.title h1{ font-size:30px; padding-top:20px}
	.title h1 span{ margin-top:5px}
	.title.tit_n h1{ background-size:180px auto}
	.footer_top{ padding-top:50px}
	.f_nav{ display:none}
	.f_contact{ width:100%; text-align:left}
	.footer_bot p{ float:none; text-align:center}
	.nbanner{ height:220px}
	.nbanner img{ margin-left:-422px}
	.news_b{ top:auto;bottom:0}
	.news_b ul{ width:100% !important}
	.news_b li{ width:33.33%}
	.news_b li a{ margin:0; border-radius:0; background:#e4e5e4; border-right:1px solid #fff;padding: 12px 2px; font-size:15px}
	.news_b.news_b2 li{ width:50%}
	.reasonlist li{ width:98%; box-sizing:border-box; padding:30px; margin-bottom:20px}
	.reasonlist li .intro{ height:auto}
	.custumer li{ width:23%;height: 80px;}
	.main .ntitle{ font-size:22px}
	.biaot h2{ font-size:25px}
	.biaot h3{ font-size:14px; margin-top:10px}
	.main .contact{ padding:50px 0}
	.contact .company{ font-size:22px}
	.contact .company .en{ font-size:12px}
	#dituContent{ height:220px !important}
	.messagelist_l .left{ width:100%; margin-bottom:20px}
	.messagelist_l .right{ width:100%}
	.messagelist_2 span{
		width: 15%;
    	padding-right: 2%;
	}
	.messagelist_2 textarea{width: 80%;}
	.messagelist_2 .inp{ width:35%}
	.messagelist_2 .sub{ display:block; margin-top:20px; margin-left:17%}
	.i-newslist .more a{ padding:15px 0}
	.prolist7 li{ width:98%}
	.prolist7 li .text{ min-height:80px}
	.i-newslist li .text{padding: 10px 17px 30px;}
	.i-newslist .more{margin-top:30px}
}
@media screen and (max-width:640px){
	
	.header{ height:55px;}
	.logo img{ height:32px}
	.biaoyu{ font-size:12px;line-height:18px}
	.m-btn{ width:60px; padding-top:20px; height:35px}
	.m-menu{top:55px}
	.m-menu li{ line-height:55px}
	.m-menu li .menu_a i{top:16px}
	.m-menu li .menu_a.cur i{top:27px}
	.m-ban{ margin-top:55px}
	.i-pro li .pic{ height:260px; overflow:hidden}
	.i-pro li .pic img{ height:100%;width:auto;min-width:100%;}
	.i-pro li .text h2{ font-size:18px;line-height:30px;}
	.i-pro li .text .en{ font-size:12px;}
	.i-pro li .text .line{ width:30px; height:2px;margin-top: 10px;}
	.i-pro li:first-child .text{bottom:30%}
	.i-newslist li{ width:100%}
	.i-newslist li .text .intro{ height:auto;}
	.nbanner{ margin-top:55px}
	.custumer li{ width:31.33%}
	.newslist li .pic{ width:100%;}
	.newslist li .text{ width:100%; margin-top:20px}
	.biaot h2{ font-size:20px}
	.solution li{ width:98%}
	.m-about,.i-news,.main .content,.main .content1,.main .contact{ padding:30px 0}
	.custumer{ margin-top:30px}
	.prolist1 li .tit{ padding-top:25px}
	.prolist3 li .pic{ width:100%}
	.prolist3 li .text{ padding:5%; width:90%}
	.prolist4 li{ width:98%}
	.prolist5 li{ width:98%}
	.prolist5 li .text{ min-height:inherit}
	.prolist8 li .pic{ width:100%}
	.prolist8 li .text{ width:100%; margin-top:20px}
	.rela_list02 li .tit{ font-size:16px; padding-top:10px; padding-bottom:0}
	.rela_list02 li .more{ font-size:12px}
	.footer{ padding-bottom:47px}
	.m-qlink{ display:block; background:#00923f; color:#333; position:fixed; bottom:0; width:100%; height:47px; z-index:99}
	.m-qlink li{text-align:center; float:left; width:33.33%; font-size:12px}
	.m-qlink li a{ display:block;color:#fff;padding-top:28px; padding-bottom:2px}
	.m-qlink li .tel{ background:url(../images/fltel.png) no-repeat center 5px;}
	.m-qlink li .tel01{ background:url(../images/fltel01.png) no-repeat center 5px}
	.m-qlink li .mail{ background:url(../images/flmail.png) no-repeat center 5px}
	.title.tit_a h1{background-size: 240px auto;}
	.title h1{ font-size:26px; padding-top:10px}
	.title.tit_n h1{background-size: 140px auto;}
	.title{margin-bottom: 25px;}
	.i-newslist li .text{padding:10px 5% 20px;}
	.i-newslist .more{margin-top:20px;text-align: center;}
	.i-newslist .more a{ display:inline-block;padding: 10px 12px; width:auto;}
	.footer_top{ padding-top:30px;padding-bottom: 20px;}
	.footer_bot{font-size: 12px;line-height: 20px;}
}
@media screen and (max-width:480px){
	.i-pro li .pic{ height:200px}
	.nbanner{ height:200px}
}